@import '/variable.less';


.nav-banner {
  box-sizing: border-box;
  padding: 30rpx;
  height: 400rpx;

  &-swiper {
    height: 300rpx;

    image {
      width: 100%;
      height: 300rpx;
    }
  }
}

.activity-list {
  position: relative;
  margin-top: -30rpx;
  border-radius: 30rpx 30rpx 0 30rpx;
  overflow: hidden;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  background-color: @bg-color-white;
  color: @font-color;
  font-size: 24rpx;

  &-item {
    padding: 50rpx 0;
    text-align: center;

    image {
      width: 88rpx;
      height: 88rpx;
    }
  }
}

.work {
  padding: 0 30rpx;

  .work-list {
    display: flex;
    margin: 30rpx 0rpx;

    image {
      width: 212rpx;
      height: 212rpx;
      margin-right: 20rpx;
    }

    .work-list-text {
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      height: 212rpx;
      flex: 1;
      color: @font-color;
      padding: 10rpx 0;

      .ellipsis_two_lines {
        color: #000000;
      }
    }
  }
}